/**
 * Created by yongmingwei on 16/10/26.
 */

import React, { Component } from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    ScrollView
} from 'react-native';

var HeaderView = require('./WYMMineHeaderView');
var MineCell = require('./WYMCommonMyCell');
var MiddleView = require('./WYMMineMiddleView');

var Mine = React.createClass(
    {
        render() {
            return (
                <ScrollView style={styles.scrollViewStyle}>
                    <HeaderView />
                    <View>
                        <MineCell
                            leftIconName="collect"
                            leftTitle="我的订单"
                            rightTitle="查看全部订单"
                        />
                    </View>
                    <View style={{marginTop:20}}>
                        <MineCell
                            leftIconName="draft"
                            leftTitle="我的钱包"
                            rightTitle="账户余额:¥100"
                        >
                        </MineCell>
                        <MineCell
                            leftIconName="like"
                            leftTitle="抵用券"
                            rightTitle="10张"
                        />
                    </View>
                    <View style={{marginTop:20}}>
                        <MineCell
                            leftIconName="card"
                            leftTitle="积分商城"
                        />
                    </View>
                    <View style={{marginTop:20}}>
                        <MineCell
                            leftIconName="new_friend"
                            leftTitle="今日推荐"
                            rightIconName="me_new"
                        />
                    </View>
                    <View style={{marginTop:20}}>
                        <MineCell
                            leftIconName="pay"
                            leftTitle="我要合作"
                            rightTitle="轻松开店,招财进宝"
                        />
                    </View>
                </ScrollView>
            );
        }
    }
);


const styles = StyleSheet.create({
    scrollViewStyle: {
        backgroundColor: '#e8e8e8',
    },

});

module.exports = Mine;